<div class="control-box">
    <img id="control-box-previous" src="./img/ic_previous.png">
    <img id="control-box-play" src="./img/ic_play.png">
    <img id="control-box-stop" class="dispeared" src="./img/ic_stop.png">
    <img id="control-box-next" src="./img/ic_next.png">
</div>
<div class="timeline-bar">
    <div class="timeline-bar-highlight-box">
        <div class="timeline-bar-lowlight"></div>
        <div class="timeline-bar-highlight"></div>
        <div class="timeline-bar-circle"></div>
    </div>
</div>
<div class="timeline-word-box">
    <div>0</div>
    <div>2</div>
    <div>4</div>
    <div>6</div>
    <div>8</div>
    <div>10</div>
    <div>12</div>
    <div>14</div>
    <div>16</div>
    <div>18</div>
    <div>20</div>
    <div>22</div>
    <div>24</div>
</div>